<template>
  <div class="region">
    <div class="content">
        <div class="left">地区:</div>
        <ul class="right">
            <li>全部</li>
            <li>历程区</li>
            <li>昌平区</li>
        </ul>
    </div>
  </div>
</template>

<script lang="ts" setup>

</script>>


<style scoped lang="scss">
.region{
    margin-top:10px;
}
 .content{
    display: flex;
    width:100%;
    .left{
        width: 48px;
    }
 }
 .content,.content .right{
        display: flex;
        /* // flex-direction: ; */
    }
    li{
        margin-left: 10px;
        &.active{
            color: #55a6fe;
        }
    }
    li:hover{   color: #55a6fe;
        }
      
</style>